<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>

        .top{
            width: 180px;
            background-color: #888888;
            padding: 5px 10px;
            border-radius: 4px 4px 0 0;
            color: white;
        }

        .middle{
            width: 198px;
            border-left: solid 1px #dddddd;
            border-right: solid 1px #dddddd;
            text-align: center;
            padding: 20px 0;
        }

        .bottom{
            width: 198px;
            height: 50px;
            border: solid 1px #dddddd;
            border-top:none;
            background-color: #eeeeee;
            border-radius:  0 0 4px 4px;
        }

    </style>

</head>
<body>

<div>
    <div class="top">
        啊啊啊
    </div>
    <div class="middle">
        <h1>999999</h1>
        <p>土豪</p>
    </div>
    <div class="bottom">

    </div>
</div>

</body>
</html>